﻿<%@ Page Title="Select Shape of the Material" Language="C#" MasterPageFile="~/Pages/Site.Master"
    AutoEventWireup="true" Inherits="GMS.Pages_EstimatorHome" Codebehind="SelectShape.aspx.cs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <script type="text/javascript" language="javascript">
        $(document).ready(function () {

        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="container">
        <div class="">
            <div id="dvMain" runat="server">
                <h2>
                    Select a Shape
                </h2>
                <p>
                    Select the shape that most closely resembles your kitchen layout.  Don’t worry if the exact shape of your kitchen is not represented below.  The estimate will be based on the measurements you provide.
                </p>
            </div>
            <br />
        <div>
            <asp:ScriptManager ID="ScriptManager2" runat="server">
            </asp:ScriptManager>
            <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                <ContentTemplate>
                    <asp:Repeater ID="rptrSelectShape" runat="server" OnItemCommand="rptrSelectShape_ItemCommand"
                         OnItemDataBound="rptrSelectShape_ItemDataBound">
                        <HeaderTemplate>
                            <ul class="media-grid">
                        </HeaderTemplate>
                        <ItemTemplate>
                            <li>
                                <div class="well span3-alignmiddle" style="text-align: center;" id="dvImg" runat="server">
                                    <asp:ImageButton ID="imgShape" runat="server" ImageUrl='<%# Bind("ImagePath") %>'
                                        AlternateText='<%# Bind("Thumbnail") %>' ToolTip='<%# Bind("Name") %> ' CommandName="Click"
                                        CommandArgument='<%# Bind("Id") %>' Height="160" Width="150"></asp:ImageButton>
                                 </div>
                            </li>
                        </ItemTemplate>
                        <FooterTemplate>
                            </ul></FooterTemplate>
                    </asp:Repeater>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <br />
        </div>
        <div class="well" style="text-align: right;">
            <asp:Button ID="btnBack" CssClass="btn primary" runat="server" Text="Back" OnClick="btnBack_Click" />
            <asp:Button ID="btnNext" CssClass="btn primary" runat="server" Text="Next" OnClick="btnNext_Click" />
        </div>
    </div>
</asp:Content>
